<!DOCTYPE html>
<html>
  <head>
    <title>error</title>
    <link rel='stylesheet' href='/stylesheets/style.css' />
  </head>
  <body>
    <h1>error</h1>
    <input type="file" id="file" onchange="a()">
    <p></p>
    <script>
      function a() {
          var files = document.getElementById('file').files
          var formDate = new FormData()
          formDate.append('file',files[0])
          formDate.append('name','file')
          var xhr = new XMLHttpRequest()
          xhr.open('post','http://localhost:3000/users',true)
          if(xhr.upload){
              xhr.upload.addEventListener('progress',a,false)
          }
          xhr.send(formDate)
          function a(e){
              console.info(e)
              var c = e.loaded / e.total *100
              console.info(c)
          }
      }


//        var xmlhttp;
//        if (window.XMLHttpRequest)
//        {
//            //  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
//            xmlhttp=new XMLHttpRequest();
//        }
//        else
//        {
//            // IE6, IE5 浏览器执行代码
//            xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
//        }
//        xmlhttp.onreadystatechange=function(e) {
//            console.info(e)
//            if (xmlhttp.readyState==4 && xmlhttp.status==200)
//            {
////                document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
//            }
//        }
//        xmlhttp.open("GET","http://localhost:3000/users",true);
//        xmlhttp.send();
    </script>
  </body>
</html>
